<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style lang="scss">


/* .hasTagsView {
    .app-container {
        height: calc(100vh - 84px);
    }
}
.app-container {
    height: calc(100vh - 50px);
} */


.el-tooltip__popper {
  max-width: 60% !important;
}
.full_height {
  height: 100%;
}
.magin_top_2 {
  margin-top: 2px;
}

.vxe-grid.is--maximize {
  z-index: 2002 !important;
}
.vxe-modal--wrapper{
    z-index: 2002 !important;
}
.keyword-lighten {
  color: #000;
  background-color: #ffff00;
}

@media screen and (max-width: 500px) {
  .el-message {
    min-width: 300px !important;
  }
}

@media screen and (max-width: 500px) {
  .el-message-box {
    width: 300px !important;
  }
}

@media screen and (max-width: 500px) {
  .el-dialog__wrapper .el-dialog {
    width: 98% !important;
    .el-dialog__body {
      padding: 10px 20px !important;
      .el-form-item__label {
        width: 68px !important;
      }
      .el-form-item__content {
        margin-left: 68px !important;
      }
    }
  }
}



/* 滚动条样式优化 */
::-webkit-scrollbar-track-piece {
  //滚动条凹槽的颜色，还可以设置边框属性
  background-color: #f8f8f8;
}
::-webkit-scrollbar {
  //滚动条的宽度
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  //滚动条的设置
  background-color: #dddddd;
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 5pt;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
</style>
